<!DOCTYPE html>
<html  lang="zh" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
    
    <title>登录若依系统</title>
    <meta name="description" content="若依后台管理框架">
    <link href="/static/css/bootstrap.min.css" th:href="@{/static/css/bootstrap.min.css}" rel="stylesheet"/>
    <link href="/static/css/font-awesome.min.css" th:href="@{/static/css/font-awesome.min.css}" rel="stylesheet"/>
    <link href="/static/css/style.css" th:href="@{/static/css/style.css}" rel="stylesheet"/>
    <link href="/static/css/login.min.css" th:href="@{/static/css/login.min.css}" rel="stylesheet"/>
    <link href="/static/ruoyi/css/ry-ui.css" th:href="@{/static/ruoyi/css/ry-ui.css?v=4.1.0}" rel="stylesheet"/>
    <!-- 360浏览器急速模式 -->
    <meta name="renderer" content="webkit">
    <!-- 避免IE使用兼容模式 -->
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <link rel="shortcut icon" href="/static/favicon.ico" th:href="@{/static/favicon.ico}"/>
    <style type="text/css">label.error { position:inherit;  }</style>
    <script>
        if(window.top!==window.self){window.top.location=window.location};
    </script>
</head>

<body class="signin">

    <div class="signinpanel">
        <div class="row">
            <div class="col-sm-7">
                <div class="signin-info">
                    <div class="logopanel m-b">
                        <h1><img alt="[ PINE ]" src="/static/ruoyi.png" th:src="@{/static/ruoyi.png}"></h1>
                    </div>
                    <div class="m-b"></div>
                    <h4>使用你的PINE帐号访问 <a href="#"><strong style="color:#1582bd;" th:text="${appName}">    </strong></a>  并同时登录PINE</h4>
                    <ul class="m-b">
                        <li><i class="fa fa-arrow-circle-o-right m-r-xs"></i> SpringBoot</li>
                        <li><i class="fa fa-arrow-circle-o-right m-r-xs"></i> Mybatis</li>
                        <li><i class="fa fa-arrow-circle-o-right m-r-xs"></i> Shiro</li>
                        <li><i class="fa fa-arrow-circle-o-right m-r-xs"></i> Thymeleaf</li>
                        <li><i class="fa fa-arrow-circle-o-right m-r-xs"></i> Bootstrap</li>
                    </ul>
                    <strong>还没有账号？ <a href="#">立即注册&raquo;</a></strong>
                </div>
            </div>
            <div class="col-sm-5">
                <form id="signupForm" onclick="this.disabled=false"  method="POST" action="authorize" >
                    <h4 class="no-margins">登录：</h4>
                    <p class="m-t-md"></p>
                    <!--<div class="username-wrapper">-->
                        <!--<p class="username-error opacity0" style="color: red" th:text="${errorMsg}"></p>-->
                    <!--</div>-->
                    <div class="alert alert-danger alert-dismissible" style="padding: 9px 35px 9px 9px;" role="alert" th:if="${errorMsg} ne null  ">
                        <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                        <strong th:text="${errorMsg}"></strong>
                    </div>
                    <input type="text"     name="username" class="form-control uname"     placeholder="账号/手机号/邮箱"  />
                    <input type="password" name="password" class="form-control pword"     placeholder="密码"   />
                    <input type="hidden" name="client_id" th:value="${param.client_id}"  >
                    <input type="hidden" name="redirect_uri" th:value="${param.redirect_uri}" >
                    <input type="hidden" name="response_type" th:value="${param.response_type}" >
                    <input type="hidden" name="state" th:value="${param.state}" >
                    <input type="hidden" name="p_tgt" th:value="${p_tgt}" >
					<div class="row m-t" th:if="${captchaEnabled==true}">
						<div class="col-xs-6">
						    <input type="text" name="validateCode" class="form-control code" placeholder="验证码" maxlength="5" autocomplete="off">
						</div>
						<div class="col-xs-6">
							<a href="javascript:void(0);" title="点击更换验证码">
								<img th:src="@{captcha/captchaImage(type=${captchaType})}" class="imgcode" width="85%"/>
							</a>
						</div>
					</div>
                    <div class="checkbox-custom" th:classappend="${captchaEnabled==false} ? 'm-t'" style="padding-top: 10px;padding-bottom: 15px;display:block">
				        <input type="checkbox" id="rememberme" name="rememberme"> <label for="rememberme">记住我</label>
				    </div>
                    <button class="btn btn-success btn-block" id="btnSubmit" data-loading="正在验证登录，请稍后...">登录</button>
                </form>
            </div>
        </div>
        <div class="signup-footer">
            <div class="pull-left">
                &copy; 2019 All Rights Reserved. RuoYi <br>
            </div>
        </div>
    </div>
<script th:inline="javascript"> var ctx = [[@{/}]]; var captchaType = [[${captchaType}]]; </script>
<!-- 全局js -->
<script src="/static/js/jquery.min.js" th:src="@{/static/js/jquery.min.js}"></script>
<script src="/static/js/bootstrap.min.js" th:src="@{/static/js/bootstrap.min.js}"></script>
<!-- 验证插件 -->
<script src="/static/ajax/libs/validate/jquery.validate.min.js" th:src="@{/static/ajax/libs/validate/jquery.validate.min.js}"></script>
<script src="/static/ajax/libs/validate/messages_zh.min.js" th:src="@{/static/ajax/libs/validate/messages_zh.min.js}"></script>
<script src="/static/ajax/libs/layer/layer.min.js" th:src="@{/static/ajax/libs/layer/layer.min.js}"></script>
<script src="/static/ajax/libs/blockUI/jquery.blockUI.js" th:src="@{/static/ajax/libs/blockUI/jquery.blockUI.js}"></script>
<script src="/static/ruoyi/js/ry-ui.js" th:src="@{/static/ruoyi/js/ry-ui.js}"></script>
<script src="/static/ruoyi/login.js" th:src="@{/static/ruoyi/login.js}"></script>
</body>
</html>
